//导包
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)

// 导入大数精度丢失 
import JSONBig from 'json-bigint'

//创建axios create实例
let instance = axios.create({
  // 基地址
  baseURL: 'http://toutiao-app.itheima.net/',
  timeout: 10000,
  // 使用自动义方式代替原本的解析解决大数丢精
  transformResponse: [function (data) {
    try {
      return JSONBig.parse(data)
    } catch (err) {
      // return JSON.parse(data)
      return data
    }
  }]
})

// 导入token
import { getToken, saveToken, removeToken } from './token.js'
//导入提示框组件
import { Toast } from 'vant'
// 导入router 
import router from '@/router/index.js'



Vue.use(Toast);
// axios拦截器
instance.interceptors.request.use(function (config) {
  // 加入请求头
  if (getToken()) {
    config.headers = { Authorization: `Bearer ${getToken().token}` }
  }
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

//  添加响应拦截器
instance.interceptors.response.use(function (response) {
  return response;
},
  async function (error) {
    //判断是否为401 如果为401令牌过期重新获取
    if (error.response.status == 401) {
      if (getToken()) {
        try {
          //  发请求
          let res = await axios({
            url: 'http://toutiao-app.itheima.net/v1_0/authorizations',
            method: 'put',
            headers: { Authorization: `Bearer ${getToken().refresh_token}` }
          })
          // console.log(res);
          //刷新token 
          saveToken({
            refresh_token: getToken().refresh_token,
            token: res.data.data.token
          })
          // 重新给用户发起请求 不然只是重新获取token并不会更改用户所需更改的数据
          return instance(error.config)
        } catch (err) {
          //  弹窗提示
          Toast.fail('未登陆')
          // 删除token
          removeToken()
          // 跳转首页
          router.push({ path: '/login' })
        }

      } else {
        //如果是没有token直接提示未登陆并跳转首页
        Toast.fail('未登陆')
        router.push({ path: '/login' })
      }
    }
    return Promise.reject(error);
  });

//出口
export default instance

